<!DOCTYPE html>
<html>
	<head>
		<meta  charset="utf-8" />
		<title>case4</title>
		<link rel="stylesheet" type="text/css" href="css/01.css"/>
	</head>
	<body>
		<header >
			<div class="w clearfix">
				<div class="logo fl"><img src="img/images/logo.png" alt="" ></div>
				<ul class="navigation fr clearfix ">
					<li class="fl box1"><a href="">Home</a></li>
					<li class="fl"><a href="">About</a></li>
					<li class="fl"><a href="">Portfolio</a></li>
					<li class="fl">
						<a href="">Features</a>
					      <ul class="subnav">
					     	<li><a href="">Typography</a></li>
					     	<li><a href="">Shortcodes</a></li>
					     	<li><a href="">Columns</a></li>
							<li><a href="">Pricing Plans</a></li>
							<li><a href="">Alerts</a></li>
							<li><a href="">Services</a></li>
					     </ul> 
					</li>
					<li class="fl"><a href="">Blog</a></li>
					<li class="fl"><a href="">Contact</a></li>
				</ul>
				<div class="logotwo fr"></div>
			</div>
		</header>
		<div class="banner ">
				<div class="w clearfix">
					<div class="banner_l fl">
		                  <div class="fl"><img src="img/images/banner_l_03.png" alt=""></div>
					      <h4 class="fl"></h4>
					      <h4 class="fl"></h4>
					      <h4 class="fl"></h4>
						  <h4 class="fl"></h4>
					   </div>
					  <div class="banner_r"><img src="img/images/slide1.png" height="384";width="635"; alt=""></div>
					</div>
		</div>
		<!-- <div class="first w"> -->
		<div class="ser w clearfix">
				   <div class="sers fl">
					   <h5>EVENTS PLANNING</h5>
					   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
					   </div>
				   <div class="sers fl">
					   <h5>MASTERING DESIGN</h5>
					   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
					   </div>
				   <div class="sers fl">
					   <h5>EXPERT DEVELOPERS</h5>
					   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				   </div>
				   <div class="sers fl">
					   <h5>ATTENSION TO DETAILS</h5>
					   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				   </div>
				   <div class="sers fl">
					   <h5>ANOTHER COOL SERVICE.</h5>
					   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				   </div>
				   <div class="sers fl">
					   <h5>EVENTS PLANNING</h5>
					   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				   </div>
				<!-- </div> -->
		</div>
		<div class="buy w clearfix">
				     <div class="buy1 fl">
						 <h4>HI THERE. I AM A THEME, WITH ATTITUDE. I AM ALSO RESPONSIVE, EASY DO EDIT. WHY DON'T YOU TRY ME ?</h4>
						 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</p>
					 </div>
					 <div class="buy2 fr">
						 <p>BUY NOW !</p>
					 </div>
		</div>
		<div class="pohto  w clearfix">
						<div class="b">
							<p>THE PORTFOLIO</p>
						</div>
						<div class="pothos fl">
							<div class="web">
								<h5>WEB DESIGN</h5>
							</div>
							<h3>I AM AN AMAZING PROJECT</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
						</div>
						<div class="pothos fl">
							<div class="web">
								<h5>WEB DESIGN</h5>
							</div>
							<h3>I AM AN AMAZING PROJECT</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
						</div>
						<div class="pothos fl">
							<div class="web">
								<h5>WEB DESIGN</h5>
							</div>
							<h3>I AM AN AMAZING PROJECT</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
						</div>
						<div class="pothos fl">
							<div class="web">
								<h5>WEB DESIGN</h5>
							</div>
							<h3>I AM AN AMAZING PROJECT</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
						</div>  
		</div>
		<div class="blog w clearfix">
					<div class="b2"></div>
					<div class="buy w">
					     <div class="buy1 fl">
							 <h4>SUBSCRIBE TO OUR NEWSLETTER. WE HATE SPAM AS MUCH AS YOU DO, SO NO WORRIES.</h4>
							 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</p>
						 </div>
						 <div class="buy3 fr"></div>
					</div>
					<div class="blog_l fl">
					  <div class="b3 fl">
						<h4>OUR BLOGGY </h4>
					  </div>
					  <div class="our fl">
						  <h4>JUST A COOL BLOG POST TITLE HERE.</h4>
						  <div class="zi"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
						  <h5>Read more </h5>
					  </div>
					  <div class="our fl">
						  <h4>JUST A COOL BLOG POST TITLE HERE.</h4>
						  <div class="zi"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
						  <h5>Read more </h5>
					  </div>
					</div>
					<div class="blog_r fl">
						<div class="b4 fl">
							<h4>TESTIMONIALS</h4>
						</div>
						<div class="tes fl">
							<div class="v1">
								<div class="v1_l fl">
							      <img src="img/images/t1.jpg" alt=""  style="width: 87px;height: 109px;">
							    </div>
								<div class="v1_r">
							      <h4>VERY PLEASED WITH THE COOL SERVICES PROVIDED.</h4>
							      <p>Linda Scott / Webdesigner</p>
							      <p>http://www.mywebsite.com</p>
							    </div>
							</div>
							<div class="v2">
								<div class="v2_1 fl"><img src="img/images/quotes.png" alt="" style="width: 20; height: 14px;"></div>
								<div class="v2_2"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								 Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.</p></div>
							</div>
						</div>
						<div class="tes fl">
							<div class="v0">
								<div class="v1_l fl">
							      <img src="img/images/p3.jpg" alt=""  style="width: 87px;height: 109px;">
							    </div>
								<div class="v1_r">
							      <h4>VERY PLEASED WITH THE COOL SERVICES PROVIDED.</h4>
							      <p>Linda Scott / Webdesigner</p>
							      <p><span style="color: red;">http://www.mywebsite.com</span></p>
							    </div>
							</div>
							<div class="v2">
								<div class="v2_1 fl"><img src="img/images/quotes.png" alt="" style="width: 20; height: 14px;"></div>
								<div class="v2_2"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								 Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.</p></div>
							</div>
						</div>
					</div>
		</div>
		<footer class="clearfix" >
						<div class="clearfix w">
						<div class="fl">
							<h4>ABOUT STUDEON</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>
						</div>
						<div class="fl">
							<h4>THE TAGS</h4>
							<div class="d">
							<p>Awesome</p>
							<p>Strategy</p>
							<p>Photography</p>
							<p>Development</p>
							<p>Css</p>
							<p>photoshop</p>
							<p>Html</p>
							<p>Awesome</p>
							<p>Strategy</p>
							<p>Photoshop</p>
							<p>Html</p>
						</div>
						</div>
						<div class="fl">
							<h4>LATEST TWEETS</h4>
							<div class="tw">
								<p>I like this awesome freebie. Check it out <span style="color:#aaaaaa,font-size:13px">@http://t.co/9vslJFpW</span></p>
								<h5>ABOUT 15 MINS</h5>
							</div>
							<div class="tw">
								<p>I like this awesome freebie. Check it out<span style="color:#aaaaaa,font-size:13px">@http://t.co/9vslJFpW</span></p>
								<h5>ABOUT 15 MINS</h5>
							</div>
						</div>
						<div class="fl">
							<h4>FLICKR FEED</h4>
							<div class="fs clearfix">
							<div class="fl f"><img style="width: 81px; height:70px;"src="img/images/f1.png" alt=""></div>
							<div class="fl f"><img style="width: 81px; height:70px;"src="img/images/f2.png" alt=""></div>
							<div class="fl f"><img style="width: 81px; height:70px;"src="img/images/f3.png" alt=""></div>
							<div class="fl f"><img style="width: 81px; height:70px;"src="img/images/f4.png" alt=""></div>
							<div class="fl f"><img style="width: 81px; height:70px;"src="img/images/f3.png" alt=""></div>
							<div class="fl f"><img style="width: 81px; height:70px;"src="img/images/f2.png" alt=""></div>
						</div></div>		
						</div>
					</footer>
					<div class=" late">
						<div class="w">
						<p class="fr">Copyright ? 2015 All rights Reserved | Template by <span style="color: #c14939;">W3layouts</span> </p>
					</div>
					</div>
	</body>
</html>
